<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>第2章 ECharts案例</title>
		<script src="js/echarts.js"></script>
	</head>
	<body>
		<div id="product" style="width:600px;height:400px;"></div>
	    <script>
		//使用echarts对象做初始化,初始化div
		   var pro = echarts.init(document.getElementById("product"));
		   var option = {
			  title:{
				  text:'第一个可视化案例 '
			  },  
			  tooltip:{},
			  toolbox:{
			  	show:true,
			  	feature:{
			  		mark:{
			  			show:true
			  		},
			  		dataView:{
			  			show:true,
			  			readOnly:false
			  		},
			  		magicType:{
			  			show:true,
			  			type:['line','bar']
			  		},
			  		restore:{
			  			show:true
			  		},
			  		saveAsImage:{show:true}
			  	}
			  },
			  legend:{
				  data:['产品销量']
				  
			  },
			  xAxis:{
				  data:['鼠标','手机','杯子','键盘']
			  },
			  yAxis:{},
			  series:[
				  {
					  name:'销售量',
					  type:'bar',
					  data:[200,120,300,268]
				  }
			  ]
		   };
		   pro.setOption(option);
		</script>
		
	</body>
</html>